<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>
</head>

<!----------------------------------------------引用js和css-------------------------------------------->
<!--导入的   vue.js,jquery.js,element.js,element.css--->
  <script src="./js/vue.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <!-- Element-UI -->
  <!-- 引入组件库 -->
  <script src="./js/element-ui/index.js"></script>
  <!-- 引入样式 -->
  <link href="./css/element-ui/index.css" rel="stylesheet">
<!--------------------------------------------------------------------------------------------------->

<body>
<div id="detail">
  <div class="head">
    <div class="wrap clearfix">
      <a href="index.html" class="logo indent">logo</a>
      <div class="headr fr">
        <a href="./mem.html">{{uinfos.name}}</a>
        <template v-if="uinfos.name==null">
          <a href="login.html">登录</a><a href="reg.html">注册</a>
        </template>
        <a href="./Release.html">发布我的饭局</a>
      </div>
    </div>
  </div>

  <div class="detail-banner">
    <div id="ui" class="item" style="background-image:url(upload/img23.jpg);background-size:100% 100%" >
      <div class="wrap">
        <div class="tbg"></div>
        <div class="txt" style="background: #5b5b5b">
          <div class="mt40 tnumber">饭局类型：{{activity.lb_name}}</div>
          <p class="tname">{{activity.title}}</p>
          <p>{{activity.text}}</p>
        </div>
      </div>
    </div>
  </div>

  <div class="dd-btn">
    <div class="wrap clearfix pr">

      <span class="label current" v-if="activity.wanfa=='先到先得'">先到先得</span>
      <span class="label" v-if="activity.wanfa!='先到先得'">先到先得</span>
      <span class="label current" v-if="activity.wanfa=='双向选择'">双向选择</span>
      <span class="label" v-if="activity.wanfa!='双向选择'">双向选择</span>
      <span class="label current" v-if="activity.wanfa=='大数据匹配'">大数据匹配</span>
      <span class="label" v-if="activity.wanfa!='大数据匹配'">大数据匹配</span>

      <div class="tbg"></div>
      <div class="sharebox clearfix">
      <span class="fl"><em class="fl">分享</em> <div class="bdsharebuttonbox fl"><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a></div>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["tsina","tqq","qzone","weixin","twi"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["tsina","tqq","qzone","weixin","twi"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script></span><a href="javascript:;" class="Collect fr">
        <template v-if="isRecord == false">
          <em class="myfont" @click="record()">&#xe613;</em>收藏人数 {{recordcoutn}}
        </template>
        <template v-else>
          <em class="myfont">&#xe613;</em>收藏人数 {{recordcoutn}}
        </template>
      </a>
<!--        <a href="javascript:;" class="love fr"><em class="myfont">&#xe61d;</em>赞 0 </a>-->
      </div>
    </div>
  </div>


  <div class="wrap mt40 clearfix">
    <div class="Publisher mt10 fl">
      <a href="#" class="user-img"><img :src=user.tx style="border-radius: 100px"></a>
      <div class="user-level tc">{{user.nc}} <em></em><em></em><em></em></div>
      <p class="tc">
        <template v-if="guanzhu==0">
          <a href="javascript:;" class="button btn-follow" @click="care()"> + 关注</a>
        </template>
      <template v-else>
        <a href="javascript:;" class="button btn-follow" > √ 已关注</a>
      </template></p>
      <div class="pd10">
        <p class="myfont"><em>&#xe642;</em><em>&#xe629;</em></p>
        <p class="mt5">个人信誉值</p>
        <span class="Progress mt10"><span class="bar" style="width:75%;"></span></span>
        <p class="mt5">粉丝  {{fanszh.length}}</p>
      </div>
    </div>
    <div class="detail-info fl">
      <div class="title">
        招募名额：1~{{activity.max_people-1}} 位
        <p class="f14">报名时间： {{activity.c_time}} - {{activity.end_time}}</p>
        <span class="price" style="border:0px solid red;margin-top: -15px"><em class="f30">{{activity.price}}</em> 元 / 位</span>
      </div>
      <div class="bd">
        <table>
          <tr>
            <th><img src="images/l.png"></th>
            <td><p class="c999">活动地址</p>{{activity.address}} </td>
          </tr>
          <tr>
            <th><img src="images/time.png"></th>
            <td><p class="c999">活动时间</p>{{activity.c_time}} 到 {{activity.end_time}}</td>
          </tr>
          <tr>
            <th><img src="images/wf.png"></th>
            <td><p class="c999">活动玩法</p><a href="#" target="_blank">{{activity.wanfa}}</a></td>
          </tr>
        </table>
      </div>
    </div>
    <div class="Countdown fr">
      <div class="title">距报名结束还有<span>{{day}}</span>天</div>
      <ul class="countime clearfix">
        <li>
          <span class="hour">{{hour}}</span>
          <em>小时</em>/Hours
        </li>
        <li>
          <span class="minu">{{min}}</span>
          <em>分钟</em>/Minutes
        </li>
        <li>
          <span class="hour">{{second}}</span>
          <em>秒</em>/Second
        </li>
      </ul>
      <template v-if="falg==0">
        <a href="javascript:;"  class="button btn-apply" @click="apply()">立即申请</a>
        <template v-if="isRecord == false">
          <span class="button btn-enj" @click="record()">感兴趣</span>
        </template>
        <template v-else>
          <span class="button btn-enj" @click="record()" v-if="upRecord==0">感兴趣</span>
          <span class="button btn-enj" @click="record()" v-else>不感兴趣</span>
        </template>
      </template>
      <template v-else>
        <span  class="button btn-apply" readonly>已结束</span>
        <template v-if="isRecord == false">
          <span class="button btn-enj" @click="record()">感兴趣<span class="f12">({{recordcoutn}}人)</span></span>
        </template>
        <template v-else>
          <span class="button btn-enj">感兴趣<span class="f12">({{recordcoutn}}人)</span></span>
        </template>
<!--        <span class="button btn-enj">感兴趣<span class="f12">({{leng}}人)</span></span>-->
      </template>
      <div class="title tc pd10 f12">已经有<span>{{leng}}</span>人报名</div>
    </div>

  </div>

  <div class="registbox mt40">
    <div class="wrap">
      <p class="tc" style="padding-top:60px;"><img src="images/imgrs.jpg"></p>
      <template v-if="uinfos.length !=0">
        <div class="regster">
          <dl v-for="(item,index) in ManaShow">
            <dt><a href="#"><img :src=item.user.tx width="100%" height="100%"></a></dt>
            <dd><a href="#">{{item.user.nc}}</a></dd>
          </dl>

        </div>
      </template>
     <template v-else>
       <div class="regster">
         <dl>
           <dt><a href="#"><img src="upload/img12.png"></a></dt>
           <dd><a href="#">大郭郭呐</a></dd>
         </dl>
         <dl>
           <dt><a href="#"><img src="upload/img15.jpg"></a></dt>
           <dd><a href="#">小七姑娘</a></dd>
         </dl>
         <dl>
           <dt><a href="#"><img src="upload/img16.png"></a></dt>
           <dd><a href="#">Bear</a></dd>
         </dl>
         <dl>
           <dt><a href="#"><img src="upload/img17.png"></a></dt>
           <dd><a href="#">于_小妖</a></dd>
         </dl>
         <dl>
           <dt><a href="#"><img src="upload/img18.png"></a></dt>
           <dd><a href="#">花闻着_xiang</a></dd>
         </dl>
         <dl>
           <dt><a href="#"><img src="upload/img26.png"></a></dt>
           <dd><a href="#">梦小茉茉</a></dd>
         </dl>
         <dl>
           <dt><a href="#"><img src="upload/img26.png"></a></dt>
           <dd><a href="#">梦小茉茉</a></dd>
         </dl>
       </div>
     </template>

    </div>
  </div>

  <div class="message wrap mt20">
    <div class="label"><em></em>留言交流</div>
    <div class="pd30">
      <div class="plmain bg-w bd0 mt30">
        <div class="plm tr"><a href="#" class="c999" style="text-decoration:none"><em class="myfont f20">&#xe61b;</em>12</a></div>
        <div class="textarea_input"><textarea id="TextArea1"  style="background:#f9f9f9;" ></textarea></div>
        <div class="tool_submit tr"><button type="button" name="" value="" class="button sublist">留 言</button></div>
      </div>

      <div class="plmcomment mt20">
        <ul class="comment-list">
          <template v-for="n in 4">
            <li class="np-post">
              <a href="home.html" class="fans img"><img src="upload/img12.png"></a>
              <div class="post-body">
                <div class="post-header clearfix">
                  <a href="home.html" class="name">兜帽家的豆豆</a><span class="user-level"><em></em><em></em><em></em></span> 18分钟前
                </div>
                <div class="post-content">小编听闻你差一步就报名成功第24期体验了，9成的精力已经付出，开启生活另一种可能的机会就藏在最后1成时间里，如遇到任何问题，可以发私信给我哦，我会第一时间回复你的！</div>
              </div>
            </li>
          </template>

        </ul>
        <!--Pagination-->
        <div class="page mt20 clearfix"><a href="#" class="prev"><em></em>上一页</a><span>1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a>...<a href="#">23</a><a href="#" class="next">下一页<em></em></a></div>
      </div>
    </div>
  </div>


  <div id="foot">
    <div class="footmenu">
      <div class="wrap clearfix">
        <!--------------------------------------------------循环页脚内容------------------------------------------------->
        <template v-for="n in 4">
          <div class="item ">
            <h1 class="hd">产品理念</h1>
            <ul>
              <li><a href="#">食品安全</a></li>
              <li><a href="#">订购流程</a></li>
              <li><a href="#">修改订单</a></li>
              <li><a href="#">冷链配送</a></li>
              <li><a href="#">全程冷链</a></li>
            </ul>
          </div>
        </template>
        <!------------------------------------------------------------------------------------------------------------->
        <div class="fr">
          <img src="images/img2.jpg">
          <img src="images/img3.jpg">
        </div>
      </div>
      <div class="gotop">&#xe608;</div>
    </div>
  </div>
  <div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>
</div>

<!---------------------------------------引用自己的js文件----------------------------------------------->
  <script src="./js/lgw/detail.js" type="module"></script>

<!----------------------------------------------------------------------------------------------------->
</body>
<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/slick.js"></script>
<script>
$(function(){
	$('.detail-banner').slick({
		dots: true,
		infinite: true,
		speed: 500,
		fade: true,
		autoplay: true,
		cssEase: 'linear'
	});
  $('.regster').slick({
		dots: false,
		slidesToShow: 6,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 2000,
	});
})
</script>

</html>